<link rel="stylesheet" href="http://localhost:9096/blog/public/css/bootstrap.css">
<link rel="stylesheet" href="http://localhost:9096/blog/public/css/bootstrap-responsive.min.css">
<script src="http://localhost:9096/blog/public/js/jquery.js"></script>
<script src="http://localhost:9096/blog/public/js/bootstrap.min.js"></script>
<script src="http://localhost:9096/blog/public/js/bootstrap-datetimepicker.min.js"></script>
<div class="input-append date form_datetime6" data-date="2012-12-21T15:25:00Z" data-date-format="dd MM yyyy - HH:ii P">
    <input size="16" type="text" value="">
    <span class="add-on"><i class="icon-remove"></i></span>
    <span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - HH:ii P",
        showMeridian: true,
        autoclose: true,
        todayBtn: true
    });
</script>